@media screen and (max-width:980px) {
#header{float:none;max-width:none;text-align:center;margin-top:10px}
#header-inner{margin-bottom:0}
#header h1,#header p{margin-right:0}
#header .description{margin:0}
.menusearch{float:none;padding:5px 0 10px}
.grid-main {width:64.4%;}
.main-wrapper{margin-right:0;Padding-left:8px;}
.grid-side {width:32.4%;float:right;}
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:0 10px;}
.credit{padding:20px!important}
#credit .left,#credit .right{float:none;text-align:center;margin:0}
.outerpic-wrapper,.content-wrapper{padding:0}
#header2,.navi-atas ul{text-align:center;width:100%}
}

@media screen and (max-width: 768px){
.grid-header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px 0}
}

@media screen and (max-width: 600px){
.grid-main {width:100%;}
.main-wrapper{margin-right:0;Padding-left:0px;}
.grid-side {width:auto;}
.sidebar-wrapper,.sidebar1-wrapper {position:relative;top:auto;right:auto;clear:both;left:auto;width:100%;background:none;padding:0 0px;margin:5px 1px 5px}
.sidebar-wrapper {padding-top:0px;margin-right:0px;}
#navi2{position:relative}
#navi2 ul{background:#892f2d;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#navi2 ul.navi2s{width:100%;position:static;padding-left:20px}
#navi2 li{display:block;float:none;width:auto}
#navi2 input,#navi2 label{position:absolute;top:0;left:0;display:block}
#navi2 input{z-index:4}
#navi2 input:checked + label{color:white}
#navi2 input:checked ~ ul{display:block}
.navi-atas li a{border-right:0}
.masnavi2{border-bottom:0}
.navi-atas{margin:0}
.outer-wrapper{padding:0}
#content{clear:both;border:none;padding:0}
#comment-editor{margin:10px}
.footer{width:auto;margin:15px}
}

@media screen and (max-width: 480px){
#header img{width:100%}
.post-comment-link{display:none}}

@media screen and (max-width: 320px){
.comments .comments-content .datetime{display:block;float:none}
.comments .comments-content .comment-header{height:70px}}

@media screen and (max-width: 240px){
.grid-header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
.comments .comments-content .comment-replies{margin-left:0}
}
#homepage{width:100%;float:left; font-size:12px }
